<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<%@ page pageEncoding="UTF-8"%>
<%@ taglib uri="/struts-tags" prefix="s"%>
<%@ taglib tagdir="/WEB-INF/tags/" prefix="ag"%>

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

<!-- Variables de redirections struts -->
<ag:urls />

<!-- Css -->
<link href="<s:url value="/assets/css/bootstrap.css"/>" rel="stylesheet"
	type="text/css">
<link href="<s:url value="/assets/css/style.css"/>" rel="stylesheet"
	type="text/css">
<link href="<s:url value="/assets/font-awesome/css/font-awesome.css"/>"
	rel="stylesheet" type="text/css">
<link href="<s:url value="/assets/css/style-responsive.css"/>"
	rel="stylesheet" type="text/css">
<link href="<s:url value="/assets/css/dev/styleModifierCompte.css"/>"
	rel="stylesheet" type="text/css">

<!-- JS -->
<script src="<s:url value="/assets/js/jquery.js"/>"></script>

<title>Modification du compte</title>
</head>
<body>
	<section id="contenair"> <ag:header /> <ag:menu /> </section>

	<section id="main-content"> <section class="wrapper">
	<div class="col-md-12">
		<div class="content-panel">
			<h4>Modifier mon compte <img
					src="<s:url value="/assets/img/get_info.png"/>" id="getInfoPage"></h4>
			<hr>

			<div class="modifierCompteForm">
				<s:form cssClass="form-horizontal style-form"
					action="modifierCompte.action">

					<div class="form-group">
						<label class="col-sm-2 col-sm-2 control-label">Nom : </label>
						<div class="inputCompte">
							<input class="form-control"  type="text"
								placeholder="${utilisateur.nom }" disabled>
						</div>
						<label class="col-sm-2 col-sm-2 control-label">Prénom : </label>
						<div class="inputCompte">
							<input class="form-control"  type="text"
								placeholder="${utilisateur.prenom }" disabled>
						</div>
						<label class="col-sm-2 col-sm-2 control-label">Ancien mot
							de passe : </label>
						<div class="inputCompte">
							<input class="form-control" name="oldPassword" type="password">
						</div>
						<label class="col-sm-2 col-sm-2 control-label">Nouveau mot
							de passe : </label>
						<div class="inputCompte">
							<input class="form-control" name="newPassword" type="password" >
						</div>
						<label class="col-sm-2 col-sm-2 control-label">Confirmer
							le mot de passe : </label>
						<div class="inputCompte">
							<input class="form-control" name="newPassword2" type="password" >
						</div>

						<label class="col-sm-2 col-sm-2 control-label">E-mail :</label>
						<div class="inputCompte">
							<input type="text" class="form-control" name="email"
								value="${utilisateur.email }">
						</div>
						<input type="hidden" value="${utilisateur.email }" name="oldEmail">
						<input type="hidden" value="${utilisateur.id }" name="id">
						<s:actionerror/>
						<div class="validerModifierCompte">
						<button type="submit" class="btn btn-round btn-warning">Valider</button>
						</div>
						</div>
				</s:form>
			</div>

		</div>
	</div>
	</section> </section>

	<ag:popupNotification />
	<ag:popupInfoPage />
	<ag:ajoutJs />
</body>
</html>